import React from 'react';
import Svg, { Circle, Path } from 'react-native-svg';

export const MailFilledIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 20 20" fill="none">
      <Circle cx="10" cy="10" r="10" fill="#BBBBBB" />
      <Path
        d="M9.99687 10.3687C10.1542 10.3687 10.3115 10.3031 10.4562 10.1654L15.4148 5.63528C15.1316 5.45172 14.8233 5.37305 14.3954 5.37305H5.60462C5.17672 5.37305 4.86838 5.45172 4.57892 5.63528L9.5438 10.1654C9.68853 10.3031 9.84584 10.3687 9.99687 10.3687ZM4.10697 13.4172L7.73152 9.64097L4.09439 6.32365C4.05663 6.40889 4 6.65801 4 7.01859V12.6829C4 13.0042 4.04405 13.2336 4.10697 13.4172ZM5.42843 14.3285H14.5716C14.924 14.3285 15.2072 14.2432 15.3959 14.1121L11.6392 10.2048L10.9408 10.8538C10.645 11.1226 10.3178 11.2603 9.99687 11.2603C9.68224 11.2603 9.35502 11.1226 9.05927 10.8538L8.35449 10.2048L4.5978 14.1121C4.78658 14.2432 5.07604 14.3285 5.42843 14.3285ZM15.893 13.4172C15.9497 13.2336 16 13.0042 16 12.6829V7.01859C16 6.65801 15.9434 6.40889 15.9056 6.32365L12.2685 9.64097L15.893 13.4172Z"
        fill="white"
      />
    </Svg>
  );
};
